<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <section class="box">
      <section class="information">
        <ul class="order">
          <li>
            <label
              >姓名:<input
                type="text"
                class="username"
                placeholder="请输入姓名"
            /></label>
          </li>
          <li>
            <label
              >评分:<input type="text" class="point" placeholder="请输入评分"
            /></label>
          </li>
          <li>
            <label
              >薪资:<input type="text" class="price" placeholder="请输入薪资"
            /></label>
          </li>
          <li><input type="button" class="btn" value="添加" /></li>
        </ul>
        <div class="menu">
          <table>
            <thead>
              <tr>
                <th>姓名</th>
                <th>评分</th>
                <th>薪资</th>
              </tr>
            </thead>
            <tbody>
              <!-- <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
              </tr> -->
            </tbody>
          </table>
        </div>
      </section>
      <section class="chart">
        <div class="up"></div>
        <div class="down"></div>
      </section>
    </section>
    <script src="./js/echarts.min.js"></script>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
